<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Geochat - Settings</title>
    <link rel="stylesheet" href="/static/css/geochat.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA5aiSIr40CaCgAL1qdBx_URT7PEZbmam_2zAsIoWwfh3Jj6aT1RRYLlAgQv4nC1zqXhjttDcaEzPmFA"
      type="text/javascript"></script>
    <script src="/static/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      GEOCHAT_VARS = {
        'auth_url': '{{ auth_url }}',
        'user_email': '{{ user_email }}',
        'user_nickname': '{{ user_nickname }}',
        'default_location': '{{ default_location }}',
        'default_zoom': '{{ default_zoom }}'
      };
    </script>
  </head>
  <body>
    <div id="container">
      <div id="head">
        <h1><a href="/">Geochat</a></h1>
        <div id="topnav">
          {% if user_email %}
          <strong>{{ user_email }}</strong> | 
          {% endif %}
          <a href="/help" target="_blank">Help</a> |
          {% if user_email %}
          <a href="/settings">Settings</a> |
          {% endif %}
          <a href="{{ auth_url }}">{{ auth_text }}</a>
        </div>
      </div>
      <div id="body">
        <div id="settings">
          <h2>Settings for {{ user_nickname }}</h2>
          <form method="post" action="/settings">
            <table cellspacing="5">
              <tr>
                <td><label for="location">Home Location:</label></td>
                <td><input type="text" name="location" id="location" size="60" maxlength="60" value="{{ default_location }}" onchange="ValidateLocation(this.value);"/></td>
              </tr>
              <tr>
                <td colspan="2">
                  <div class="tip">Every user needs a home location. This is where you'll start each time you log in, before moving elsewhere. You might want to choose somewhere likely to have other users, such as major cities.</div>
                </td>
              <tr>
                <td colspan="2"><input type="submit" value="Save Settings" /></td>
              </tr>
            </table>
          </form>
        </div>
      </div>
      <div id="foot">
        &copy;2008 Google
      </div>
    </div>
  </body>
</html>
